<template>
  <div class="yq-logo">
    <div class="xzzz-logo" @click="openThis()">{{ systemName }}</div>
  </div>
</template>

<script>
import obConstants from '@/assets/js/obConstants'
export default {
  name: "YqHeader",
  data() {
    return {

    }
  },
  computed: {
    systemName() {
      return obConstants.SYS.NAME
    },
    blogHome() {
      return obConstants.USER.BLOG_HOME
    }
  },
  methods: {
    openThis() {
      this.$router.push('/');
    },
  }
}
</script>

<style scoped lang="scss">
.yq-logo {
  @include box(100%, 30px);
  @include flex(row, flex-start, center);
  margin-left: 30px;
  .xzzz-logo {
    @include font(20px, null, 800, current);
    @include color-logo(#313131, #fff3fc);
    height: 100%;
    cursor: pointer;
  }
}
</style>